<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /**
     * axios 是什么?
     * axios 用来发送请求一个 JS 库.
     * 
     * axios 的作用
     * 用来发送请求. 浏览器端发送 AJAX, 服务器端发送 HTTP 请求.
     * 
     * axios 特点?
     * 基于 Promise 和 XHR 用来发送 AJAX 请求.   XHR  XMLHttpRequest  fetch
     * 支持数据转换
     * 支持拦截器
     * 取消请求
     * 
     * axios 的使用
     * * axios(config)
     * * axios.get(url, config)  axios.post(url, data, config); 
     * 
     * config 配置对象
     * * method   请求方法  get  post  put  patch  delete
     * * url      请求的 URL   {url: 'http://api.xiaohigh.com/home'}  {url: '/home'}
     * * baseURL  基础 URL  {baseURL: 'http://api.xiaohigh.com:9000'}
     * * params   查询字符串 {params: {a: 100, b: 200} }  http://api.xiaohigh.com/home?a=100&b=200
     * * headers  请求头  {headers: {a: 100, b: 200}}  
     *     GET  http://api.xiaohigh.com/home  HTTP/1.1
     *     a: 100
     *     b: 200
     * * data     请求体   
     *    * {data: {a: 100, b: 200}}  =>  {"a":100, "b": 200}
     *    * {data: "a=100&b=200"}     =>  "a=100&b=200"
     * * timeout  超时时间
     * * cancelToken 取消操作配置
     * 
     * axios 创建实例发送请求
     * let instance = axios.create({
     *    method: 'get',
     *    baseURL: 'http://a.com'
     * }); //创建一个跟 axios 功能『基本一样』的对象
     * instance.get('/goods'); //goods 商品
     * 
     * let instance2 = axios.create({
     *    baseURL: 'http://b.com'
     * });
     * 
     * instance2.get('/live');// 给 b.com 发送请求
     * 
     */ 

  </script>
</body>
</html>

